<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title计科2412尤佳清28</title>
    <style>
        .rabbit {
            width: 100px;  
            height: 100px; 
            background-size: 100% 100%; 
            animation: walk 1.1s steps(1) infinite;
        }
        @keyframes walk {
            0% {
                background-image: url("1.jpg"); 
            }
            12.5% {
                background-image: url("2.jpg");
            }
            25% {
                background-image: url("3.jpg");
            }
            37.5% {
                background-image: url("4.jpg");
            }
            50% {
                background-image: url("5.jpg");
            }
            62.5% {
                background-image: url("6.jpg");
            }
            75% {
                background-image: url("7.jpg");
            }
            87.5% {
                background-image: url("8.jpg");
            }
            100% {
                background-image: url("1.jpg"); 
            }
        }
    </style>
</head>
<body>
    <div class="rabbit"></div>
</body>
</html>